/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #E2001A; color: #fff; text-shadow: none; }
::selection { background: #E2001A; color: #fff; text-shadow: none; }

a { color: #393939; }
a:visited { color: #393939; }
a:hover { color: #393939; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */





/******************************
			GENERAL
******************************/
html{}
body{background:#eeeeee; font-family:Helvetica,Arial, sans-serif; margin:0; padding:0;}


a{outline:none;}
.clear{clear:both;}
.center-container{width:960px; min-height: 442px; margin:0 auto; /*background-color:#FFC;*/}
#our-work .center-container{background:url(../img/bosz_shadow_content_left.png) no-repeat left 50%, url(../img/bosz_shadow_content_right.png) no-repeat right 50%;}
.shadow-container{background:url(../img/bosz_shadow.png) no-repeat top center; width:960px; min-height:30px; margin:0 auto; /*background-color:#FFC;*/}
a.generic-btn{color:#ffffff; background:url(../img/bosz_generic_btn.png) no-repeat top; display:block; width:123px; height:28px; font-size:16px; font-weight:bold; text-decoration:none; text-align:center; margin:0; padding:4px 0 0 0; font-family:Helvetica,Arial, sans-serif;text-shadow: 0 0px 1px rgba(0, 0, 0, 0.75); letter-spacing:1px;}
a.generic-btn:hover{background-position:bottom;}
ul{list-style:none; padding:0;}
.hide{visibility:hidden;}

/******************************
			HEADER
******************************/
header[role="mainHeader"]{background:url(../img/bosz_head_divline.png) bottom center no-repeat #ffffff; height:92px;}
a.logo{text-decoration:none; margin:17px 0 0 0; padding:0; float:left;}
ul.menu-princ{margin:45px 47px 0 0; padding:0; float:right;}
ul.menu-princ li{color:#707070; list-style:none; font-size:18px; margin:0 0 0 8px; padding:0; float:left;}
ul.menu-princ li a{color:#3f3f3f; font-size:18px; font-weight:bold; text-decoration:none; margin-right:7px;}
ul.menu-princ li:hover a{color:#e2001a; text-decoration:underline;}
ul.menu-princ li.active a{color:#e2001a; text-decoration:underline;}


/******************************
			animations
******************************/
@-webkit-keyframes paral {
       0% {
           top: 65px;
       }
     
  
     50% {
           top: 45px;
       }
       
       
       100% {
          top: 65px;
       }
}





/******************************
			CONTENT
******************************/
/***** Home *****/
#main{margin:0; padding:0; overflow:hidden;}
.main-wrapper{background:url(../img/bosz_bg_slider.jpg) repeat-x bottom #ffffff; width:100%; padding-top:30px; min-height:442px; border-bottom:1px solid #ffffff;}
.slide{height:342px; padding:100px 0 0 0; position:relative;}
.slide h1.slide-title{color:#4d4d4d; font-size:65px; font-weight:bold; text-shadow:none; text-align:center; width:500px; margin:0 0 0 85px;}
.slide p.slide-text{color:#1a1a1a; font-size:24px; text-align:center; width:500px; margin:0 0 0 85px;}
.slide img.slide-img{position:absolute; top:65px; right:60px; }
.content-center{background:url(../img/bosz_bg_contentCenter.jpg) repeat-x bottom #eeeeee; width:100%; height:310px;}
.be-bosz{width:560px; height:307px; margin:0; padding:0; position:relative; float:left;}
img.logo-img{/*margin:73px 0 0 0; float:left;*/ position:absolute; left:0; top:73px; z-index:2000;}
img.title-img{/*margin:90px 0 0 5px; float:left;*/ margin:90px 19px 0 5px; float:right;}
.be-bosz p{color:#8d8d8d; font-size:29px; text-align:right; text-shadow:0 1px 1px #ffffff; -moz-text-shadow:0 1px 1px #ffffff; -webkit-text-shadow:0 1px 1px #ffffff; -o-text-shadow:0 1px 1px #ffffff; line-height:38px; margin:0 18px 0 0; float:right;}
.contact-us{background:url(../img/bosz_bg_contact_container.png) no-repeat center right; width:375px; height:280px; margin:0; padding:0 0 0 25px; float:left; position:relative;}
.contact-us h2{color:#616161; font-size:34px; font-weight:bold; line-height:18px; margin:105px 8px 45px 5px; padding:0; }
img.robot{position:absolute; top:63px; right:15px;}

#sliderContainer{ height:376px; width:960px; position:relative; overflow:hidden;}
#slidesContent {width:4000px;}
#slidesContent .slide{width:980px; height:200px; margin:0 2px 0 0;  position:absolute; }
#slidesContent div.active{ z-index:5;}
#slidesContent div.left{ left:-990px}
#slidesContent div.right{ left:990px}
#slidesContent {left:0;}


#sliderContainer .arrow{display: block; width: 28px; height: 48px;  position: relative; top:180px; z-index: 10;}
#left{ background:url(../img/bosz_slider_left_arrow.png) 0 0 no-repeat transparent; float:left;}
#right{ background:url(../img/bosz_slider_right_arrow.png) 0 0 no-repeat transparent; float:right;}
#sliderControls{position: absolute; bottom:0; left:50%;}
#sliderControls li{background:url(../img/bosz_slide_selection.png) 0 0 no-repeat transparent; height: 13px; width: 13px;  display: block; position: relative; z-index:5;float:left;}
#sliderControls li.active{background-position:bottom;}
#sliderControls li a{}

.slide.active .slide-img {
   
-webkit-animation: paral 1.3s 0s 2 ease-in-out;
}

#contact-modal{background: #ffffff; overflow: hidden; padding:10px;}
#contact-modal h4{margin:10px 0; color:#E2001A; font-size:1.5em}
#contact-modal dl{width:390px;}

#contact-modal dd, #contact-modal dt{margin: 5px 0 10px 10px; overflow: hidden; float:left;}
#contact-modal dt{font-size: 14px; font-weight: bold; clear:left;}
#contact-modal dd p, #contact-modal dd figure{float:left; margin:0 5px 0 0;}
#contact-modal dd p a{ text-decoration:none;}
#contact-modal dd p a:hover{text-decoration:underline;}








/**********page x***********/
h1,#primary{margin:0 0 0 51px;}
h1{clear:both;}


#page-content{overflow:hidden;}
.content-column{float:left;}
#primary{width:500px; }
#secondary{width:316px; margin:0 0 0 60px;}

#team-members{ overflow:hidden;}
#team-members li img, #team-members li div{float:left;}
#team-members li div{width:190px; padding-left:10px }
#team-members li{float:left; margin:0 0 11px 1px; width:316px; height: 106px;padding:0 0 15px 0; background:url(../img/tm-shadow.png) left bottom no-repeat;}
#team-members li strong{ font-size:18px;}
#team-members li .description{margin:8px 0 11px 0 ;}


#mainWrapModal{width:764px; height:453px; padding:13px 21px; background-color:#fff; color:#666; font-size:14px}
#mainWrapModal figure, #mainWrapModal article{float:left;}
#mainWrapModal article{width:59%;}
#mainWrapModal figure{-webkit-box-shadow: 1px 1px 5px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 5px 4px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 5px 4px rgba(0, 0, 0, 0.1); margin-right:24px}
#mainWrapModal figure img{border:3px solid #FFF;}

#mainWrapModal hgroup h1, #mainWrapModal hgroup h2{margin:0; }
#mainWrapModal hgroup h1{font-size:30px;}
#mainWrapModal hgroup h2{font-size:18px; margin-bottom:25px;}
#mainWrapModal dt{color:#333; font-size:18px; font-weight:bold;}
#mainWrapModal dd{margin-bottom:15px;}








/**********page Our Work**********/
@-webkit-keyframes modal {
        0% {
			-webkit-transform: scale(.5);
        }
		
		75%{
			-webkit-transform: scale(1.2);
			}
		85%{
			-webkit-transform: scale(1.2);
			}
		
        100% {
			-webkit-transform: scale(1);
        }
}

@-webkit-keyframes robot {
       0% {
           top: 63px;
		   right:15px;
		   -webkit-transform: rotate(-11deg)
       }
     
  
     20% {
           top: 63px;
		   right:690px;
		   -webkit-transform: rotate(-11deg);
		   
       }
	   
	   25% {
           top: 63px;
		   right:690px;
		   -webkit-transform: rotate(0deg);
		   
       }
	   
	   30% {
           top:-14px;
		   right:640px;
		  

		   
       }

      55%{
		   right: 15px;
    		top: 63px;
		   -webkit-transform: rotate(11deg);
		   }
		   65%{
		   right: 15px;
    		top: 63px;
		   -webkit-transform: rotate(0deg);
		   }
		  
       
       70% {
		   top:-1800px;
		   right:1800px;
          -webkit-transform: rotate(11deg);
       }
	   75% {
		   top:-1800px;
		   right:1800px;
          -webkit-transform: rotate(11deg);
       }
	   76% {
		   top:-1800px;
		   right:15px;
          -webkit-transform: rotate(11deg);
       }
	    100% {
		   top:63px;
		   right:15px;
          -webkit-transform: rotate(0deg);
       }
}

@-webkit-keyframes ball {
      0% {  -webkit-transform: rotate(0deg);}
	  5% {  -webkit-transform: rotate(5deg);}
   30% { left: -500%; top:73px;}
   31% { left: 500%; top: 600px;}
   32% { left: 500%; top: 73px;}
   40% { left: 500%; top: 73px;}
   48% { left: 150%; top: 73px }
   50% { left: 165%; top: 73px }
   79% { left: 0; top: 73px }
   80% {-webkit-transform: scale(1.0); }
   85% { -webkit-transform: scale(1.1); }

   100% { -webkit-transform: scale(1.0); }

}


section[role="categories"] article figure img,
nav[role="sliderTh"] li a img,
#primary,
.shadow-container,
.contact-us img


{
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;		
transition: all .5s ease-in-out;
}

.contact-us:hover img{z-index:100;
		
-webkit-animation: robot 5s 0s 1 ease-in-out;
}

.shadow-container .active img.logo-img{
		
-webkit-animation: ball 5s .8s 1 ease-in-out;
}

h1, h2, h3{font-family:Helvetica,Arial, sans-serif;}
#ourWork h1, #ourTeam h1, #contact-modal h1{font-size:48px; color:#e5352c;  text-shadow: 0px 1px 1px rgba(0,0,0,.75); position:relative; margin:0 0 10px 47px}
#contact-modal h1{margin-left:0; font-size:35px;}
h2{color:#3f3f3f; font-size:22px; margin:0; text-transform:capitalize}
#ourWork h2{font-size:28px; text-transform:uppercase;}
#ourWork a.generic-btn{margin:0 auto;}
section[role="showDetail"] h3{ font-size:28px; color:#e5322c; margin:0; text-shadow: rgba(0,0,0,0.7) 0 -1px, rgba(255,255,255,0.7) 0 1px;}


#ourWork h1:after, #ourTeam h1:after,  #contact-modal h1:after{display: run-in/inline;
content: url(../img/bosz_h1_shadow.png); width:100%; height:100%; position:absolute; top:-5px; left:0; 
}
section[role="categories"]{padding:0 65px;}
section[role="categories"] article{width:210px; min-height:300px; background:url(../img/bosz_monitores.png) no-repeat 0 0; float:left; margin-left:96px; text-align:center;}
section[role="categories"] article p{min-height:48px}
section[role="categories"] article:first-child{margin-left:0}
section[role="categories"] article:nth-child(2){background-position:-210px 0; }
section[role="categories"] article:nth-child(3){background-position:-420px 0; }

section[role="categories"] article figure{min-height:168px; padding-top:20px}
section[role="categories"] article:hover figure img, section[role="categories"] article.active figure img{
-webkit-transform:scale(1.4);
-moz-transform:scale(1.5);
-o-transform:  scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);}

section[role="showDetail"]{padding-top:30px;height: 218px; overflow: hidden;}

section[role="showDetail"] #slideImagesPr{background:url(../img/bosz_shadow_figure.png) no-repeat center bottom; padding-bottom:14px;}
section[role="showDetail"] #slideImagesPr ul{width:353px; height:172px; overflow:hidden; margin:0}
section[role="showDetail"] #slideImagesPr ul li{display:none; float:left}
section[role="showDetail"] #slideImagesPr ul li.active{display:block;}
section[role="showDetail"] #slideImagesPr img{border:2px solid #cccccc;}

.col-left{width:435px; float:left;}
.col-right{width:354px; float:right;}


section#showDetail #contentArticle > article{opacity:0.4; filter:alpha(opacity=40); clear:both; margin-bottom:38px; float:left; width:960px;}
section#showDetail #contentArticle article.active{opacity:1; filter:alpha(opacity=1);}
#contentArticle{margin-top:0;}

#ourWork .content-center{height:60px; overflow:hidden;}

nav[role="projectView"] li{display:inline; float:left;}
nav[role="projectView"], nav[role="projectView"] a{color:#e5322c; text-decoration:none;}
nav[role="projectView"] a{padding:0 5px; font-size:14px;}
nav[role="projectView"] li:first-child a{padding-left:0;}
nav[role="projectView"] a:hover{text-decoration:underline;}

/*Slider Projects*/
#slider{width:421px; height:auto; position:relative;}
#slider > a{width:28px; height:48px; background:url(../img/bosz_small_arrows.png) no-repeat 0 0; display:block; position:absolute; top:23%; display:none;}
#slider > a.prev{background-position:0 0; left:0;}
#slider > a.next{background-position:0 -48px; right:0;}
nav[role="sliderTh"]{width:333px; height:72px; margin:0 auto; overflow:hidden; padding:5px; position:relative;}
nav[role="sliderTh"] li{display:inline; float:left; margin-left:15px;}
nav[role="sliderTh"] li:first-child{margin-left:0;}
nav[role="sliderTh"] li a img{border:2px solid #ccc;}
nav[role="sliderTh"] li a:hover img{-webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2); }

/*#website #slider a.next, #widgets #slider a.next {visibility: hidden!important;}*/
































/**********page z***********/


/*.be-bosz-btn-cont{background:url(../img/bosz_apply_applynow_reflex_bg.png) no-repeat bottom center; width:169px; height:61px; margin:5px 81px 0 0; padding:0 5px 0 0; float:right;}
.be-bosz-btn-cont a:hover{opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;}*/

/********** Color Box ********/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxOverlay{background:#000;}
#cboxLoadedContent{padding:15px 50px 0}
#colorbox{}
    /*#cboxTopLeft{width:14px; height:14px; background:url(../img/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(../img/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(../img/controls.png) no-repeat -36px 0;}*/
    #cboxBottomLeft{width:14px; height:43px; /*background:url(../img/controls.png) no-repeat 0 -32px;*/}
    #cboxBottomCenter{height:43px; }
    #cboxBottomRight{width:14px; height:43px; }
  /*  #cboxMiddleLeft{width:14px; background:url(../img/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(../img/controls.png) repeat-y -211px 0;}*/
    #cboxContent{background: transparent; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(../img/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C; display:none!important;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C; display:none!important;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; /*bottom:-29px; background:url(../img/controls.png) no-repeat 0px 0px; width:23px; height:23px; */text-indent:-9999px;}
		 #cboxPrevious, #cboxNext{width:40px; height:41px; top:45%}
        #cboxPrevious{left:0px;  background:url(../img/bosz_modal_back.png);}
		
       /* #cboxPrevious:hover{background-position:-51px 0px;}*/
        #cboxNext{right:0; background:url(../img/bosz_modal_next.png);}
        /*#cboxNext:hover{background-position:-75px 0px;}*/
        #cboxClose{right:32px; top:0; width:37px; height:36px; background:url(../img/bosz_close.png)}
        /*#cboxClose:hover{background-position:-100px 0px;}*/
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}

/******************************
			FOOTER
******************************/
footer{background:#eeeeee; width:100%; height:145px; margin:0; padding:0;}
footer p{color:#000000; font-size:12px; font-weight:normal; margin:34px 0 0 0; float:left;}
footer p a{color:#000000; text-decoration:none;}
footer p a:hover{text-decoration:underline;}
.logo_footer{margin:18px 32px 0 0; float:left;}
ul.footer-menu{margin:34px 0 0 0; padding:0; float:right;}
ul.footer-menu li{color:#000000; font-size:12px; font-weight:bold; list-style:none; margin:0; padding:0; float:left;}
ul.footer-menu li a{color:#000000; font-size:12px; font-weight:bold; text-decoration:none; margin:0 3px; padding:0;}
ul.footer-menu li:hover a{text-decoration:underline;}
ul.footer-menu li:last-child a{margin-right:0;}





/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */
@media only screen and (max-width: 1010px) and (min-width: 481px) {
.center-container{width:100%;}
header[role="mainHeader"]{padding:0 5%;}
ul.menu-princ{margin-right:0;}
#primary {margin: 0;width: 100%; text-align:justify}
#main .center-container{padding: 0 9%;width: 82%;}
#ourWork h1, #ourTeam h1{margin: 0 0 10px;}
#secondary {margin: 0 auto;width: 675px;}
.shadow-container{padding: 0 4%; width: 92%;}
.content-column{float:none;}

/*our Team Page*/
#team-members li{margin-bottom:30px;}
#team-members > li:nth-child(1), #team-members > li:nth-child(3){margin-right:40px}

#team-members{margin:3em 0;}



#mainWrapModal{width:550px; overflow:hidden}
#mainWrapModal article{width:45%;}

/*our Work Page*/
section[role="categories"]{margin: 0 auto; padding: 0; width: 714px;}
section[role="categories"] article{margin-left: 40px;}
#contentArticle .col-right{float: left; margin-left: 39px;}
}


@media only screen and (min-width: 480px) {


}





/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
